<template>
	<view class="all">
		<view class="top">
			<view class="img" @click="back">
				<image src="@/static/back.png" mode=""></image>
			</view>
			<text class="text">设置</text>
		</view>
		<view class="lists">
			<view class="list">
				<text class="left">修改密码</text>
				<view class="listImg" @click="goChange">
					<image src="@/static/more.png" mode="scaleToFill"></image>
				</view>
			</view>
			<view class="list">
				<text class="left">当前版本</text>
			<text class="right">1.0</text>
			</view>
			<view class="list">
				<text class="left">清除缓存</text>
			<text class="right">20M</text>
		</view>
	</view>	
	<view class="button">
		<button type="default" style="background-color: rgb(0, 89, 183);color: rgb(255, 255, 255);">退出登录</button>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goChange(){
				uni.navigateTo({
				    url: '/pages/my/setting/change/change'
				});
			},
			back(){
					uni.navigateBack({
					    delta: 1
					});
			}
		}
	}
</script>

<style lang="scss" scoped>
 page{
	   width: 100%;
	   height: 100%;
	   background-color: rgb(247, 247, 247);
   }
   .all{
   	   width: 100%;
   	   height: 100%	;
   	   position: relative;
   }
   .top{
   	   width: 100%;
   	   height: 100rpx;
   	   background-color: white;
   	   display: flex;
   	   line-height: 80rpx;
   	   padding-top: 28rpx;
   	   .img{
   		   width: 20rpx;
   		   height: 36rpx;
   		   margin-left: 32rpx;
   		   image{
   			   width: 20rpx;
   			   height: 36rpx;
   		   }
   	   }
   	   .text{
   		   width:146rpx;
   		   flex: 1;
   		   margin-left: -73rpx;
   		   font-size:36rpx;
   		   font-family:PingFang SC;
   		   font-weight:600;
   		   line-height:80rpx;
   		   color:rgba(51,51,51,1);
   		   opacity:1;
   		   text-align: center;
   	   }
   }
   .lists{
	   width: 100%;
	   height: 300rpx;
	   background-color: white;
	   margin:  0 auto;
	   border-top: 1px solid rgba(238,238,238,1);
	   .list{
		   width: 100%;
		   height: 100rpx;
		   border-bottom: 1px solid  rgba(238,238,238,1);
		   display: flex;
		   line-height: 100rpx;
		   justify-content: space-between;
		   .left{
			   width:128rpx;
			   height:45rpx;
			   font-size:32rpx;
			   font-family:PingFang SC;
			   font-weight:400;
			   color:rgba(51,51,51,1);
			   opacity:1;
			   margin-left: 32rpx;
		   }
		   .right{
			   width:35rpx;
			   height:40rpx;
			   font-size:28rpx;
			   font-family:PingFang SC;
			   font-weight:400;
			   color:rgba(191,191,191,1);
			   opacity:1;
			   margin-right: 32rpx;
		   }
		   .listImg{
			   width: 14rpx;
			   height: 26rpx;
			   margin-right: 32rpx;
			   image{
				   width: 100%;
				   height: 100%;
			   }
		   }
	   }
	   .list:nth-child(3){
		   border: none;
	   }
   }
   .button{
	   width: 686rpx;
	   height: 88rpx;
	   position: absolute;
	   bottom: 64rpx;
	   left: 50%;
	   margin-left: -343rpx;
	   button{
		   font-size:32rpx;
		   font-family:PingFang SC;
		   font-weight:500;
		   line-height:88rpx;
		   color:rgba(255,255,255,1);
		   opacity:1;
	   }
   }
</style>
